<template>
    <div>
        <basic-container>
            <el-tabs v-model="activeName" @tab-click="handleClick" v-show="isTabShow">
                <el-tab-pane label="个人群发" name="first"></el-tab-pane>
                <el-tab-pane label="个人群群发" name="second"></el-tab-pane>
            </el-tabs>
            <div>
                <groupsend v-if="activeName === 'first'" @changeTabShow="(e) => (isTabShow = e)"></groupsend>
                <groupchatsend
                    v-if="activeName === 'second'"
                    @changeTabShow="(e) => (isTabShow = e)"
                ></groupchatsend>
            </div>
        </basic-container>
    </div>
</template>
<script>
import groupsend from "@/views/operation-manage/group-records/components/group-send";
import groupchatsend from "@/views/operation-manage/group-records/components/group-chat-send";
export default {
    components: {
        groupsend,
        groupchatsend
    },
    props: [],
    data() {
        return {
            activeName: "first",
            isTabShow: true
        };
    },
    mounted() {},
    methods: {
        handleClick(tab, event) {}
    }
};
</script>
<style lang="scss" scoped>
</style>
